<template>
  <div class="tuan">
    <!-- 头部部分 -->
    <Header></Header>
    <!-- 列表部分 -->
    <List :tuanArr="tuanArr" :tuanArrone="tuanArrone"></List>
  </div>
</template>

<script>
// 导入组件
import Header from '../../components/Tuan/HeaderBanner.vue'
import List from '../../components/Tuan/List.vue'
// 导入封装好的axios
import {tuan_list} from '../../components/utils/api'
export default {
  data(){
    return{
      tuanArr:[],
      tuanArrone:[]

    }
  },
  // 注册组件
  components:{
    Header,
    List
  },
  mounted(){
    // 在组件中 只需要调用封装好的函数，就可以发起Axios请求
    // 请求 爆爆团 列表
    tuan_list({status:1}).then((res)=>{
      this.tuanArr=res.data.list;
      // console.log(res.data);
    })
    tuan_list({status:0}).then((res)=>{
      this.tuanArrone=res.data.list;
    })
  }
}
</script>

<style lang="scss">
  *{
    margin: 0;
    padding: 0;
  }
  .tuan{
    background: #ccc;
  }
</style>